<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>石哲的博客</title>
    <style>
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;
            text-align: center;
        }
        li {
            display: inline-block;
        }

        li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        li a:hover {
            background-color: #1747e1;
        }
        .footer {
            display: flex;
            flex-direction: column;
            align-items: center; 
            overflow: hidden;
            border: 3px solid #ccc; 
        }
        .text {
            margin-bottom:20px 
        }
        .pw {
            text-align: center;
            line-height: 20px;
        }
    </style>
</head>

<body>

<ul class="nav">
    <li><a href="index.php">首页</a></li>

    <li><a href="file.php">文章管理</a></li>
    <li><a href="login.php">登陆</a></li>
    <p class="sitename">石哲的blog</p>
</ul>



<div class="footer">
    <form action="news.php">
        <a href="news.php" class="pw">黄帝内经</a>
    </form>
    <p class="text"style="line-height: 500px">&copy; 2024 My Blog</p>
</div>
